import React, { Component } from 'react'

export default class App extends Component {
    state={
        username:"Thanks♪(･ω･)ﾉ"
    }
  render() {
    return (
      <div>
        <h1>登录页</h1>
        {/* value属性无法输入值，修改为defaultValue就可控制后续的更新 */}
        {/* value值是在受控组件使用，而defaultValue是在非受控组件使用 */}
        <input type="text" value={this.state.username} onChange={(e)=>{
           this.setState({username:e.target.value})
        }}/>
        <button onClick={()=>{console.log(this.state.username);}}>登录</button>
        <button onClick={()=>{this.setState({username:""}) }}> 重置</button>
      </div>
    )
  }
}
